<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" href="../public/layui/css/layui.css"/>
    <link rel="stylesheet" href="../public/css/basic.css"/>
    <link rel="stylesheet" href="../public/css/manage.css"/>
    <script src="../public/js/jquery-1.11.1.min.js"></script>
    <title>视频监控管理</title>
    <style>

    </style>
</head>
<body >
<div class="layui-form">
    <table class="layui-table">
        <div class="search" style="height: 40px">
            <button class="layui-btn add fr">新增监控账号</button>
        </div>
        <thead>
           <tr>
              <th>设备ip</th>
              <th>端口</th>
              <th>协议</th>
              <th>账户</th>
              <th>密码</th>
              <th>所属区域</th>
              <th>操作</th>
           </tr>
        </thead>
        <tbody>
           <tr>
             <td>220.160.5.41</td>
             <td>8889</td>
             <td>1</td>
             <td>admin</td>
             <td>admin1234</td>
             <td>区域1</td>
             <td>
                <span class="cz bj">编辑</span>
                <span class="cz sc">删除</span>
             </td>
           </tr>
        </tbody>
    </table>
    <div class="fy">这里放分页</div>
</div>
<script src="../public/layui/layui.js"></script>
<script>
    layui.use(['form',], function() {
        var form = layui.form;

    })

    $(".add").click(function () {
        layer.open({
            type: 2,
            shadeClose: true,
            title: '新增设备',
            area: ['80%', '80%'],
            content: 'manage4-poup1.html'
        });
    });

    $(".bj").click(function () {
        layer.open({
            type: 2,
            shadeClose: true,
            title: '新增设备',
            area: ['80%', '80%'],
            content: 'manage4-poup1.html'
        });
    });

    $(".sc").click(function () {
        layer.confirm('确认删除？', {
            btn: ['是','否'] //按钮
        });


    });


</script>

</body>
</html>